<template>
  <div class="dashboard-editor-container">
    <!--    <msg-corner class="msg-corner" />-->

    <panel-group @handleSetLineChartData="handleSetLineChartData" />


  
  </div>
</template>

<script>

import PanelGroup from "./components/PanelGroup";
import LineChart from "./components/LineChart";
import RaddarChart from "./components/RaddarChart";
import PieChart from "./components/PieChart";
import BarChart from "./components/BarChart";
import TransactionTable from "./components/TransactionTable";
import TodoList from "./components/TodoList";
import BoxCard from "./components/BoxCard";

export default {
  name: "DashboardAdmin",
  components: {
    PanelGroup,
    LineChart,
    RaddarChart,
    PieChart,
    BarChart,
    TransactionTable,
    TodoList,
    BoxCard,
  },
  data() {
    return {
      lineChartData: {
        expectedData: [0],
        actualData: [0],
      },
      eachindex: [],
      amountPayableData: [],
      orderDate: [],
      times:null,
       saleData: {},
       daysBumner:"",
       days:30
    };
  },
  created() {
  },
  methods: {
      handleSetLineChartData(type) {
      this.lineChartData = lineChartData[type]
    }
   
  },
};
</script>

<style lang="scss" scoped>
 .details_Title {
    font-size: 18px;
    color: #409EFF;
  }
.dashboard-editor-container {
  padding: 32px;
  background-color: rgb(240, 242, 245);
  position: relative;

  .msg-corner {
    position: absolute;
    top: 0px;
    border: 0;
    right: 0;
  }

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
</style>
